<template>
  <div>
    <div class="container">
      <div class="title-left">
        <img src="../assets/logo.png" alt="" />
        <span>招聘广告</span>
      </div>
      <div class="title-right">
        <slot></slot>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({
  setup() {
    return {};
  },
});
</script>
<style scoped lang="less">
// * {
//   margin: 0;
//   padding: 0;
// }
.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100px;
  border-bottom: 2px solid #999;
  padding: 0 20px;
  .title-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    img {
      width: 80px;
      height: 80px;
    }
  }
 
}
</style>
